<html>

    <head>
    
		<script type="text/javascript">
            function showTarif(str){
                
                // Keine Auswahl
                if (str==""){
                  document.getElementById("txtHint").innerHTML="";
                  return;
                }
                
                // IE7+, Firefox, Chrome, Opera, Safari
                if (window.XMLHttpRequest){
                  xmlhttp=new XMLHttpRequest();
                }
                // IE6, IE5 (ältere Browser)
                else{ 
                  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                }
                
                // Alle Daten empfangen (4) --> Daten schreiben
                xmlhttp.onreadystatechange=function(){
                  if (xmlhttp.readyState==4){
                    document.getElementById("Ausgabe").innerHTML=xmlhttp.responseText;
                  }
                }
                
				// Öffnen
                xmlhttp.open("GET","getTarif.php?id="+str,true);
                
				// Senden
				xmlhttp.send();
            }
        </script>
    </head>

    <body>
    
        <br><br>
        
        <!-- Auswahl eines Tarifs -->
        <center>
            <form>
            <select name="tarife" onChange="showTarif(this.value)">
                <option value="">Tarif:</option>
                <option value="1">Flex and Easy 100</option>
                <option value="2" >Flex and Easy 1000</option>
                <option value="3">Pro 25000</option>
                <option value="4">Pro Ultimate</option>
            </select>
            </form>
        </center>
        
        <!-- Ausgabe der Daten -->
        <div id="Ausgabe">
        
        </div>
    
    </body>
</html> 